<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>视频学习 - Cloud Lab</title>



    <!--引入js-->
    <script type="text/javascript"
            src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js">
    </script>
    <script src="../app/dest/lib/lib.js?=2016121272249"></script>
    <script src="../static/jquery/2.2.4/jquery.min.js"></script>
    <script src="../static/ace/1.2.5/ace.js"></script>
    <script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
    <script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
    <script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
    <script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
    <script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
    <script src="../static/videojs/video.min.js"></script>
    <script src="../static/ravenjs/3.7.0/raven.min.js"></script>
    <script src="../app/dest/base/index.js?=2016121272249"></script>
    <script src="js/index.js"></script>
    <script src="js/index2.js"></script>
    <!--引入css-->
    <link rel="shortcut icon" href="../img/logo_img.png">
    <link rel="stylesheet" href="../static/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">
</head>

<body>

<!--网页顶部 导航栏-->
<script src="../model/topHtmlExpectIndex.js"></script>

<div class="container layout layout-margin-top bg-info">
    <br/>
    <div class="table-responsive" id="nodeInformation">
        <div  class="col-md-9">
            <div id="title">
                <h2 class="">视频名<!--&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-plus"></span>--></h2>
            </div>
            <br/>
            <div id="player">

            </div>
        </div>
        <div id="video-table" class="col-md-3">
            <div class="sidebox mooc-teacher" id="teacherInfo">
                <div class="sidebox-header mooc-header">
                    <h4 class="sidebox-title">课程教师</h4>
                </div>
                <div class="sidebox-body mooc-content">
                    <a>
                        <img src="../img/Linux&c.png">
                    </a>
                    <div class="mooc-info">
                        <div class="name"><strong id="courseTeacher">----</strong> </div>

                        <div class="courses">共发布过<strong id="coursesCount">--</strong>门视频课程</div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default"style="margin-top: 20px">
                <div class="panel-body" style="height: 500px">
                    <ul id="my-video-list" class="nav nav-list">
                        <li class="nav-header">
                            老师的其他视频
                        </li>
                        <li >
                            <a href="#"><img src="../img/ncn23.jpg" width="50" height="50"/>视频1</a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/ncn23.jpg" width="50" height="50"/>视频2</a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/ncn23.jpg" width="50" height="50"/>视频3</a>
                        </li>
                        <li>
                            <a href="#" ><img src="../img/ncn23.jpg" width="50" height="50"/>视频4</a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/ncn23.jpg" width="50" height="50"/>视频5</a>
                        </li>
                        <li>
                            <a href="#"><img src="../img/ncn23.jpg" width="50" height="50"/>视频6</a>
                        </li>
                    </ul>
                    <!--<ul id="page-number" class="nav nav-list"></ul>-->
                </div>
                <div>
                    <ul class="pagination" id="page-number">

                    </ul>
                </div>
            </div>
        </div>

    </div>

</div>

<!--网页登录弹窗-->
<script src="../model/loginHtml.js"></script>
<!--网页底部  导航栏-->
<script src="../model/bottomExpectIndex.js"></script>
</body>
</html>